<template>
  <!-- 使用 Element Plus 的布局组件 -->
  <el-container class="home-container">
    <!-- 左侧边栏区域，使用 el-aside 组件 -->
    <el-aside width="230px">
      <MyAside />
    </el-aside>
    <!-- 右侧内容主体区域，使用 el-main 组件 -->
    <el-main class="home-main">
      <router-view></router-view>
    </el-main>
  </el-container>
</template>

<script setup>
// 导入左侧边栏组件
import MyAside from '@/components/subcomponents/MyAside.vue';
</script>

<style scoped>
.home-container {
  height: 100vh; 
}

.home-main {
  padding: 15px; 
}
</style>